<template>
  <view class="newsDetail">
    <view class="title">全是开展树文明展新风</view>
    <view class="main">
      <view class="context">
        <view class="text"
          >随着社会的进步，人们应该继承和弘扬传统文化，养成文明礼仪规范，用文明礼仪来树立良好的社会形象，建立一种全新的社会风尚。</view
        >
        <view class="text">
          “讲文明树新风”已被社会广泛接受并纳入全国文明城测评考核的重要内容，为大力提升兰州市创建工作水平，进一步促进文明活动在展示形象、孕育文化、滋润人心、凝聚共识等方面发挥积极作用，兰州市积极开展“讲文明树新风”工作，兰州市民争做文明市民，进一步推动正风正气形成，营造文明和谐的社会氛围。
        </view>
      </view>

      <view class="floot">
        <view> 花园国际小区物业服务处 </view>
        <view> 2022-02-28 18:00 </view>
      </view>
    </view>

    <view class="btn"  @click="back()">返回</view>
  </view>
</template>

<script setup>
import { ref } from "vue";
import { onLoad } from "@dcloudio/uni-app";

function back(){
  uni.navigateBack()
}
// 页面周期函数--监听页面加载
// onLoad((option)=>{
// // console.log(option.id);
// })
// 页面周期函数--监听页面初次渲染完成
// onReady(()=>{

// })
// 页面周期函数--监听页面显示(not-nvue)
// onShow()
// 页面周期函数--监听页面隐藏
// onHide()
// 页面周期函数--监听页面卸载
// onUnload()
// 页面处理函数--监听用户下拉动作
// onPullDownRefresh() { uni.stopPullDownRefresh(); },
// 页面处理函数--监听用户上拉触底
// onReachBottom() {},
// 页面处理函数--监听页面滚动(not-nvue)
// onPageScroll(event) {},
// 页面处理函数--用户点击右上角分享
// onShareAppMessage(options) {},
</script>

<style lang="scss">
.newsDetail {
  background-color: rgb(242, 242, 242);
  height: 100vh;
  position: relative;
  box-sizing: border-box;
  .title {
    padding: 40rpx;
    text-align: center;
  }
  .main {
    min-height: 500rpx;
    background-color: rgb(255, 255, 255);
    padding: 30rpx;
    margin: 50rpx;
    color: rgb(117, 117, 117);
    box-shadow: 0 0 5rpx 5rpx #e0e0e0;
    border-radius: 20rpx;
    .text {
      text-indent: 2em;
      line-height: 45rpx;
    }
    .floot{
      text-align: end;
      margin-top: 50rpx;
      line-height: 60rpx;
    }
  }
}
.btn{
  // margin: 30rpx;
  border-radius: 100rpx;
  width: 80%;
  background-color: rgb(100, 100, 100);
  line-height: 70rpx;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 300rpx;
  left:10%;
  // margin-left: -40%;
}
</style>
